.swiperDiv {
  width: 100%;
  margin-top: 0rpx;

  .swiper {
    height: 650rpx;
    border-radius: 0rpx;
    overflow: hidden;
  }

  .swiper-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  .uni-swiper-dot-box {
    margin-bottom: 16rpx;
  }
}
.shopContent {
  background: #ffffff;
  border-radius: 48rpx 48rpx 0px 0px;
  padding: 46rpx 32rpx 40rpx;
  position: relative;
  margin-top: -60rpx;
  margin-bottom: 16rpx;
  .shopTitle {
    font-family: PingFangSC, PingFang SC;
    font-weight: bold;
    font-size: 48rpx;
    color: rgba(0, 0, 0, 0.84);
    line-height: 66rpx;
    margin-bottom: 12rpx;
  }
  .shopTag {
    background: #ffffff;
    border-radius: 32rpx;
    border: 2rpx solid #4c71ee;
    font-family: PingFangSC, PingFang SC;
    font-size: 24rpx;
    color: #4c71ee;
    line-height: 32rpx;
    padding: 5rpx 20rpx;
    display: inline-block;
  }
  .shopIntro {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 26rpx;
    color: rgba(69, 69, 69, 0.84);
    line-height: 34rpx;
    margin-top: 20rpx;
  }
}

.shopParam {
  background: #ffffff;
  padding: 20rpx 32rpx 24rpx;
  margin-bottom: 16rpx;
  .paramTitle {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
    color: rgba(69, 69, 69, 0.84);
    line-height: 40rpx;
    margin-bottom: 16rpx;
  }
  .paramsContent {
    border-radius: 16rpx;
    background: #e9f8ff7e;
    padding: 12rpx 24rpx;
    .paramsItem {
      display: flex;
    }
    .paramsItemTitle {
      color: #767676;
      font-size: 24rpx;
      line-height: 48rpx;
      width: 150rpx;
    }
    .paramsItemContent {
      font-size: 24rpx;
      line-height: 48rpx;
      color: rgba(69, 69, 69, 0.84);
    }
  }
}
.shopImg {
  background: #ffffff;
  padding: 20rpx 32rpx 24rpx;
  margin-bottom: 16rpx;
  .paramTitle {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 28rpx;
    color: rgba(69, 69, 69, 0.84);
    line-height: 40rpx;
    margin-bottom: 16rpx;
  }
  .imgDetail {
    padding-bottom: 16rpx;

    .imageItem {
      width: 100%;
    }
  }
}
.shopBottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  box-shadow: 0px -16rpx 16rpx 0px rgba(0, 0, 0, 0.06);
}
.shopNum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28rpx 32rpx 18rpx 58rpx;
  background: #fff;
  .shopPrice {
    font-size: 38rpx;
    color: #333333;
  }
}
//覆写步进器样式
::v-deep.uni-numbox {
  &.number-box-empty {
    .uni-numbox__minus {
      opacity: 0;
    }
    .uni-input-wrapper {
      opacity: 0;
    }
  }
  .uni-numbox__minus,
  .uni-numbox__plus {
    padding: 0;
    background: transparent !important;
  }
  .uni-numbox-btns {
    .uni-numbox--text {
      width: 48rpx;
      height: 48rpx;
      border-radius: 50%;
      box-sizing: border-box;
      font-weight: bold;
      display: flex;
      justify-content: center;
      &.uni-numbox--disabled {
        opacity: 0.5;
      }
    }
  }
  .uni-numbox__plus {
    .uni-numbox--text {
      background: #486be2 !important;
      color: white !important;
    }
  }
  .uni-numbox__minus {
    .uni-numbox--text {
      background: white !important;
      color: #486be2 !important;
      border: 2rpx solid #486be2;
    }
  }
  .uni-numbox__value {
    background: transparent !important;
  }
}
.shopNumTag {
  display: flex;
  background: #fff;
  padding: 32rpx 0 16rpx 56rpx;
}
.shopNumTag {
  .tagItem {
    border-radius: 32rpx;
    background: #f5f5f5;
    margin-right: 16rpx;
    text-align: center;
    margin-bottom: 16rpx;
    padding: 4rpx 14rpx;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 34rpx;
    &:nth-child(4n) {
      margin-right: 0;
    }
    &.active {
      border: 2rpx solid #4c71ee;
      background: rgba(76, 113, 238, 0.1);
      color: #4c71ee;
    }
  }
}
.btnbottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32rpx 0;
  padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
  background: #ffffff;
  border-top: 2px solid #eee;
  z-index: 99;
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  font-size: 32rpx;
  color: #fff;
  line-height: 88rpx;
  text-align: center;
  .leftButton {
    width: 343rpx;
    height: 88rpx;
    background: rgba(72, 108, 226, 0.521);
    border-radius: 44rpx 0px 0px 44rpx;
  }
  .rightButton {
    width: 343rpx;
    height: 88rpx;
    background: #486be2;
    border-radius: 0px 44rpx 44rpx 0px;
  }
}
